<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>Document</title>
    <link rel="stylesheet" href="./public/css/main.css">
    <script src="./node_modules/amfe-flexible/index.js"></script>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./node_modules/echarts/dist/echarts.js"></script>
    <script src="http://cdn.staticfile.org/moment.js/2.24.0/moment.min.js"></script>
</head>
<body>
    <header>
        <span>Echarts图表展示</span>
    </header>
    <section class="mainbox">
        <!-- 1 -->
        <div class="column">
            <div class="model">
                <div class="model-head"></div>
                <div class="model-foot"></div>
                <h2>柱状图 1</h2>
                <div class="content bar1"></div>
            </div>
            <div class="model">
                <div class="model-head"></div>
                <div class="model-foot"></div>
                <h2>柱状图 Bar</h2>
                <div class="content"></div>
            </div>
            <div class="model">
                <div class="model-head"></div>
                <div class="model-foot"></div>
                <h2>柱状图 Bar</h2>
                <div class="content"></div>
            </div>
        </div>
        <!-- 2 -->
        <div class="column">
            <div class="time">
                <p>
                    <span class="nowdate">340812</span>
                    <span class="nowtime">62623</span>
                </p>
                <p>
                    <b>当前日期</b>
                    <b>当前时间</b>
                </p>
            </div>
            <div class="map">
                
            </div>
        </div>
        <!-- 3 -->
        <div class="column">
            <div class="model">
                <div class="model-head"></div>
                <div class="model-foot"></div>
                <h2>柱状图 2</h2>
                <div class="content bar2"></div>
            </div>
            <div class="model">
                <div class="model-head"></div>
                <div class="model-foot"></div>
                <h2>柱状图 Bar</h2>
                <div class="content"></div>
            </div>
            <div class="model">
                <div class="model-head"></div>
                <div class="model-foot"></div>
                <h2>柱状图 Bar</h2>
                <div class="content"></div>
            </div>
        </div>
    </section>
    <script src="./public/js/main.js"></script>
</body>

</html>